{% extends "base.html" %}

{% block titulo %}Cursos{% endblock %}

{%block style%}<link rel="stylesheet" type="text/css" href="/stylesheets/adminCourses.css" />{%endblock%}

{% block breadcrumbs %}<div id="middleBreadcrumb"><a href="/home/">home</a> ></div>
                        <div id="lastBreadcrumb">Cursos</div>
                        {% endblock %}

{% block cuerpo %}
    {%for element in grpList%}
        <div id="course">
            {{element.0.code}} - {{element.0.name}}
        </div>
        <br />
        {%for group in element.1%}
            <div id="group">
                <table>
                    <tr>
                        <td rowspan="3">
                            <div id="teacher_avatar">
                                <img src="{{group.teacher.avatar.path}}" alt="{{group.teacher.get_full_name}}" width="{{group.avatarWidth}}" height="{{group.avatarHeight}}"/>
                            </div>
                        </td>
                        <td>
                            <div id="group info">
                               Grupo {{group.code}}<br />
                               Impartido por {{group.teacher.get_full_name}}<br />
                               Estudiantes inscritos: {{group.studentNumber}}<br />
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        {%endfor%}
        <br />
    {%endfor%}

{% endblock %}